<template>
	<view class="computingPower page-main">
		<view class="title">
			<a @click="$router.back()"><span class="arrowLeft"></span></a>
			<span class="name">{{$t('user.about')}}</span>
			<span></span>
		</view>
		<!-- <view><img style="width: 100%" :src="popularizeURL" alt="" /></view> -->
		<view class="computingPowerImg"><img style="width: 100%" :src="popularizeURL" alt="" /></view>
	</view>
</template>

<script>
	import authMixin from '@/mixins/auth'
	import cookie from 'js-cookie'
	import { getToken } from '../../utils/auth'
	
	export default {
		mixins: [authMixin],
		data() {
			return {
				configure: {
				  appURL: '',
				  popularizeURL: '@/',
				  popupURL: '',
				  downLoadURL: '',
				  shareURL: ''
				},
				popularizeURL: '',
				lang:''
			}
		},
		created() {
			console.log('aaa')
			this.configure = window.g;
			
		},
		methods: {
			async getContent() {
				let params = {
					token: getToken(),
					type: '0'
				}
				const {code, data} = await this.$api.my.getimgType(params)
				if(code === 200) {
					console.log(data.en);
					console.log(data.zh);
					// this.openPdfFileByUrl(data.en)
					if(cookie.get('lang')=='ZH' || cookie.get('lang')==undefined){
						this.popularizeURL = data.zh;
						this.$forceUpdate();
					}else{
						this.popularizeURL = data.en;
						this.$forceUpdate();
					}
				}
			},
			goBack() {
				this.$router.push('/pages/user/index')
			},
		},
		mounted() {
			this.getContent()
		}
	}
</script>

<style lang="scss" scoped>
.page-main{
	padding-bottom:0 !important;
}
.computingPower {
	a{
		text-decoration: none;
		color: #333;
	}
	position: relative;
	height: 100%;
	background: #000002;
	.title{
		position: relative;
		z-index: 9;
		width:100%;
		padding:20rpx 40rpx;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		.arrowLeft{
			display: inline-block;
			background:url(@/static/images/user/left.png) no-repeat 0 10rpx;
			width:50rpx;
			height:50rpx;
			background-size:100%;
		}
		.name{
			font: 500 36rpx/60rpx PingFangSC;
			color: #fff;
		}
		
	}
	.computingPowerImg{
		position: relative;
		top: -51px;
		z-index: 0;
	}
}
</style>
